@charset "utf-8";
/* CSS Document */
/**公共区域**/
.column-title{ width:100%; height: auto; text-align:center; overflow:hidden;}
.column-title h3{ width:100%; height:30px; text-align:center; display:inline-block; font-size:24px; color:#028d49;}
.column-title span{ width:80px; height:2px; background:#028d49; display: inline-block;}
/*焦点图*/
.banner{ width:100%; height:auto;max-height:900px; overflow:hidden;}
.flexslider{position:relative; height:auto;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:auto; overflow:hidden}
.slides li img { width:100%;}
.flex-control-nav{position:absolute;bottom:2%;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:50px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:40px;height:40px;overflow:hidden;cursor:pointer;position:absolute; opacity: 0.1;}
.flex-direction-nav li a.flex-prev{left:1%;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:1%;background:url(../images/next.png) center center no-repeat;}

/*手机栏目菜单*/
.m-lanmu{ width:100%; height:auto; display:none; overflow:hidden;}
.m-lanmu li { float:left; width:33.33%; height:36px; line-height:36px; border-bottom:1px solid #DDD; border-left:1px solid #CCC;  text-align:center;}
.m-lanmu li:nth-child(1),.m-lanmu li:nth-child(4){ border-left:none;}
/**关于我们**/
.about{ width:100%; padding:40px 5%; height:auto; overflow:hidden;}
.about-h .icon{ background-position:0 0px; display:inline-block;}
.about-txt{ line-height:30px; width:100%; height:auto; margin-top:20px; overflow:hidden;}
.morebtn{ margin-top:20px; text-align:center;}
.morebtn a{ display:inline-block; padding:8px 30px; border-radius:5px; border:1px solid #CCC;}
.morebtn a:hover{ background:#028d49; border:1px solid #028d49; color:#FFF; text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}


/**产品中心**/
.prodcut{width:100%; padding:40px 5%; height:auto; background:#f4f4f4; overflow:hidden;}
.pro-h .icon{ background-position:0 -59px; display:inline-block;}
.prodcut .container-fluid { padding:0;}
.pro{ width:100%; height:auto; padding:10px;margin-top:18px; background:#FFF; float:left; overflow:hidden;}
.pro img{ width:100%;transition-duration: 0.5s;-ms-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}
.pro h4{ font-size:16px; height:30px; line-height:30px; margin-top:10px; background:url(../images/pro_icon.gif) right no-repeat;}
.pro em { display:block;overflow:hidden;}
.pro a:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
/*新闻中心*/
.news-shebei{width:100%; padding:40px 5% 0 5%; height:auto;  overflow:hidden;}
.news{ width:30%; height:auto;float:left; overflow:hidden}
.news-title{ width:100%; height:30px;}
.news-title h3{ float:left; color:#028d49; font-size:18px;border-left:3px solid #028d49; padding-left:5px;}
.news-title .more{ float:right; font-size:14px;}
.hotnews{ width:100%; height:70px; overflow:hidden;}
.hotnews img { float:left; width:29%; height:74px;}
.hotnews-txt{ float:right; width:70%; height:74px;}
.hotnews-txt h1{ font-size:14px; height:20px; line-height:20px; width:100%;}
.hotnews-txt p{ font-size:12px; color:#666; line-height:20px; margin-top:5px;}
.newslist{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:2px;}
.newslist li { width:100%; padding:3% 0 3% 10px;  border-bottom:1px dotted #CCC; font-size:14px; background:url(../images/li.gif) left no-repeat;}
.newslist li a{ width:85%; display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.newslist li a:hover{ text-decoration:underline}
.newslist li span{ color:#999}
/*工程案例*/
.case{ width:68%; height: auto; overflow:hidden; float:right;}
.case-title{ width:100%; height:30px; padding:0 1%;}
.case-title h3{ float:left; color:#028d49; border-left:3px solid #028d49; padding-left:5px; font-size:18px;}
.case-title .more{ float:right; font-size:14px;}
.case-list li { float:left; width:25%; padding:1%;}
.case-list li img{ width:100%;}
.case-list li img:hover{ opacity:0.9;}
.case-list li h4{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px;}
@media (max-width:1550px) {
.newslist li { padding:2% 0 1.5% 10px;}
}
@media (max-width:991px) {
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:50px;overflow:hidden;background:#FFF;cursor:pointer; border-radius:50%; -webkit-border-radius:50%;}
.flex-control-nav .flex-active{background:#028d49;}
.flex-direction-nav li a{ display: none; }
.m-lanmu{ display:block;}
.news,.case{ width:100%;}
.case{ margin-top:20px;}
.case-list li { float:left; width:50%; padding:1%;}
}
@media (max-width:767px) {
.col-xs-6{ padding:5px;}
.column-title h3 { font-size:20px; height:20px;}
.about,.prodcut,.news-shebei{ padding:20px 2%;}
.about-txt{ margin-top: 0; }
.prodcut .row{ padding:0 2%;}
.pro{ margin:0px; padding:5px;}
.prodcut .column-title{ margin-bottom:10px;}
.newsbox{ margin-top:15px; border-bottom:1px dashed #ddd; padding-bottom:15px;}
.news-pic{ width:90px; height:57px; background-size:cover; float:left; overflow:hidden; display:block;}
.news-pic img {width:90px; height:57px;}
.news-con{ float:left; width:72%; margin-left:1%;}
.newsbox h4{ width:100%; height:18px; line-height:14px; font-size:14px;}
.newsbox-txt { font-size:12px; margin-top:5px;}
.line{ width:96%; margin:0 2%; height:1px; background:#CCC;}
@media (max-width:330px) {
.news-con{ float:left; width:66%; margin-left:1%;}
}